<template>
    <van-cell-group v-for="item in lists" :key="item">
        <van-cell center :icon="item.img" :title="item.title" :value="item.value" :label="item.label" />
    </van-cell-group> </template>

<script setup>
const lists = [{
    img: '/images/r.png', title: 'R星客服',
    value: '星期一',
    label: "您的账号因违规操作，现已封禁，解禁时间为“2034年9月26日”"
},
{
    img: '/images/r.png', title: 'R星客服',
    value: '星期二',
    label: "您购买的“荒野大镖客2”已存入您的库中，请及时查收。"
},
{
    img: '/images/EA.png', title: 'EA客服',
    value: '星期日',
    label: "您购买的“极品飞车-热度”已存入您的库中，请及时查收。"
},
{
    img: '/images/EA.png', title: 'EA客服',
    value: '星期一',
    label: "您的账号在异地登陆，请检查您的密码，以免账号丢失。"
}
]
</script>
git
<style lang="less" scoped>
 :deep(.van-cell) {
     .van-cell left-icon {
         width: 40px;
         height: 40px;

         .van-icon image {
             width: 100%;
             height: 100%;
         }
     }
     
     .van-cell title {
         .van-cell label {
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
             width: 165px;
         }
     }
 }
</style>